<%-- 
    Document   : index
    Created on : Nov 18, 2012, 7:42:59 PM
    Author     : ChEkO_Guajardo
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
		<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
		<link href="css/standalone.css" type="text/css" rel="stylesheet"/>
		<link media="screen" type="text/css" href="css/tabs.css" rel="stylesheet"/>
		<link media="screen" type="text/css" href="css/tabs-panes.css" rel="stylesheet"/>
        <script type="text/javascript">
           function showRegistro(){
               $("#nuevo").show();
               $("#iniciar").hide();
           };
           function showInicio(){
               $("#iniciar").show();
               $("#nuevo").hide();
           };           
        </script>                	
</head>
	<body>
		<fieldset>
                    <legend> SEng Bytes & Bits</legend>
                    <div id="iniciar">
			<form action="validarUsuario" method="post">
				<center><div class="container" style="width:90%">
                            <center><p style="font-size:18px;">Inicio de sesi&oacute;n</p></center>                                        
					<label for="usuario">Usuario</label>
					<input id="usuario" name="usuario" type="text"/><br>
					<label for="contrasena">Contrase&ntilde;a</label>
                                        <input id="contrasena" name="contrasena" type="password"/><br>
					<input type="submit" value="Enviar"/>
                                        <input type="button" value="Soy Nuevo" onclick="showRegistro()"/>
				</div></center>                            
			</form>	
                    </div>    
                    <div id="nuevo" style="display:none">
                        <form  action="RegistroServlet" method="post">
				<center><div class="container" style="width:90%">
                            <center><p style="font-size:18px;">Registra tus datos</p></center>
                                    <table align="center">
                                        <tr>
                                            <td><label for="nombre">Nombre(s)</label>
                                                <input id="nombre" name="nombre" type="text"/></td>
                                            <td><label for="apaterno">Apellido Paterno</label>
                                                <input id="apaterno" name="apaterno" type="text"/></td>     
                                            <td><label for="amaterno">Apellido Materno</label>
                                                <input id="amaterno" name="amaterno" type="text"/></td> 
                                        </tr>
                                        <tr>
                                            <td><label for="password">Contrase&ntilde;a</label>
                                                <input id="password" name="password" type="password"/></td>
                                            <td><label for="direccion">Direcci&oacute;n</label>
                                                <input id="direccion" name="direccion" type="text"/></td>
                                            <td><label for="correo">Correo</label>
                                                <input id="correo" name="correo" type="text"/></td> 
                                        </tr>
                                        <tr>
                                            <td><label for="userName">Nombre de usuario</label>
                                                <input id="userName" name="userName" type="text"/></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td><center><input type="submit" value="Enviar"/>                                           
                                                <input type="button" value="Login" onclick="showInicio()"/></center></td>                                            
                                        </tr>
                                    </table>  
				</div></center>                                 
                        </form>
                </div>
		</fieldset>
	</body>
</html>
